<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			a{
				/* 去掉超链接的下划线 */
				text-decoration: none;
			}
			/* 初始状态，用户没有点过 */
			a:link{
				color: red;
			}
			/* 访问过之后 */
			a:visited{
				color: orange;
			}
			/* 鼠标放到这个超链接上面，但是不点击 */
			a:hover{
				color: green;
			}
			/* 鼠标点击这个超链接但是还没有松手 */
			a:active{
				color: blue;
			}
		</style>
	</head>
	<body>
		<a href="#1">超链接测试</a>
		<a href="#2">超链接测试</a>
		<a href="#3">超链接测试</a>
		<a href="#4">超链接测试</a>
	</body>
</html>
